<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/manage}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <title>个人中心-我的作品</title>
  <link rel="stylesheet" href="/static/front/css/my-yesvip.css">
  <link rel="stylesheet" href="/static/front/css/my-novip.css">
</head>

<body>
<div layout:fragment="content">
  <div class="con12-r" style="display: none;">
    <div class="icon">
      <img src="/static/front/imgs/zys143.png"/>
      <h4>您还未开启过VIP会员，不能享受会员特权!</h4>
    </div>
    <div class="btn">
      <a href="/vip-plan">开通VIP会员</a>
    </div>
  </div>

  <div class="con13-r" style="display: none">
    <div class="icon2">
      <img src="/static/front/imgs/zys144.png"/>
      <h4>标准版VIP<span><font>&yen;1999</font>元/年</span></h4>
    </div>
    <div class="privilege">
      <div class="head">
        <h4>可享受以下特权</h4>
      </div>
      <div class="priv-lists">
        <ul>
          <li>
            <img src="/static/front/imgs/zys145.png"/>
            <h4>版权管理</h4>
          </li>
          <li>
            <img src="/static/front/imgs/zys146.png"/>
            <h4>在线监测</h4>
          </li>
          <li>
            <img src="/static/front/imgs/zys147.png"/>
            <h4>专属客服</h4>
          </li>
          <li>
            <img src="/static/front/imgs/zys148.png"/>
            <h4>无忧维权</h4>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

<th:block layout:fragment="script">
  <script type="text/javascript" src="/static/front/js/config.js"></script>
  <script type="text/javascript">
    layui.use('vip');
  </script>
</th:block>

</body>
</html>

